﻿<html>
<head>
    <meta charset="utf-8">

    <style type="text/css">
        body {
            margin: 0;
        }
        #main {
            height: 100%;
        }
    </style>
</head>
<body>
<div style="width: 100%;height: 100%;" id="main"></div>
<div id="gaode" style="width:1px; height:1px;"></div>
<div id="sub" style="background: #081734;position: relative; left: 0px;top: -30%; width: 100%;height:30%;float: left;block:inline-block;" >
    <div id="pieChart" style="width: 20%;height: 100%;float: left;block:block;"></div>
    <div id="barChart" style="width: 20%;height: 100%;float: left;block:block;"></div>
    <div id="temptureChart" style="width: 20%;height: 100%;float: left;block:block;"></div>
    <div id="enegryChart" style="width: 20%;height: 100%;float: left;block:block;"></div>
    <div id="pmChart" style="width: 20%;height: 100%;float: left;block:block;"></div>
</div>

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.2&key=b5345bb4803c6a7725bc997033754843 "></script>
<script type="text/javascript" src="https://webapi.amap.com/demos/js/liteToolbar.js"></script>
<script type="text/javascript" src="gaode.js"></script>
<script src="echarts.js"></script>
<script src="bmap.js"></script>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=0UqXGL98FSmi22w2Rl6HK56I"></script>
<script src="test.js"></script>
</body>
</html>
